<template>
  <div style="display:flex;flex-direction: row">


    <div style="width: 34%;margin-left: 5px;margin-top: 5px;">
      <Personal style="width: 100%;border-radius: 10px;"></Personal>
      <appToolbar style="width: 100%;margin-top: 5px"></appToolbar>
      <bulletinBoard style="width: 100%;margin-top: 5px"></bulletinBoard>


    </div>

    <div style="width: 32%;margin-left: 0.3%">


      <Calendar style="width: 100%;border-radius: 10px"></Calendar>


    </div>

    <div style="width:33%;">
      <Schedule style="width: 100%"></Schedule>
      <Schedule style="width: 100%"></Schedule>
      <Schedule style="width: 100%"></Schedule>

    </div>


  </div>

</template>

<script>
  import { mapGetters } from 'vuex'
  import Calendar from '@/views/home/calendar/calendar'
  import Schedule from '@/views/home/schedule/schedule'
  import Personal from '@/views/home/personal/personal'
  import appToolbar from '@/views/home/appToolbar/appToolbar'
  import bulletinBoard from '@/views/home/bulletinBoard/bulletinBoard'

  export default {
    data() {
      return {}
    },
    computed: {
      ...mapGetters([
        'name'
      ])
    },
    created() {

    },
    mounted() {

    },
    watch: {
      dateSys(dateSys) {

      }
    },
    methods: {},
    components: {
      Calendar,
      Schedule,
      Personal,
      appToolbar,
      bulletinBoard,

    }
  }
</script>

<style lang="scss">

</style>
